<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Speedy Market - Listing produit</title>
    <link rel="stylesheet" href="libs/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="bootstrap-3/css/bootstrap-theme.css">
    <script>
            function changeImage(photoAchanger){
                document.getElementById('photo_large').src=photoAchanger;
        }
    </script>
</head>

<body>

<h1>Glace au citron </h1>
    <div class="fp_content">
        
        <div class="fp_desc_longue" >
            <div class="fp_avantage">
                <h2>Avantages</h2>
                 Tous les chocolats Alter Eco sont équitables et issus de l'agriculture biologique. En achetant ce chocolat, vous participez à un projet de reforestation de 
                 l'amazonie via la coopérative ACPAGRO qui nous fournis les fèves. Ces chocolats sont formulés sans aucuns additifs, sans arômes, sans lecitine de soja.   
            </div>
            <div class="fp_conservation">
                <h2>Conservation</h2>
                Conserver dans un endroit sec et frais à 16-18°C. A consommer de préférence avant la date indiquée sur l'emballage.    
            </div>
            <div class="fp_ingredients">
                <h2>Ingrédients</h2>
                Sucre de canne complet*(Paraguay), pâte de cacao*(Pérou), beurre de cacao*(Dom. Rep), extrait naturel de     
            </div>
            <div class="fp_donnes_nu">
                <h2>Données nutritionnelles</h2>

                Pour 100g/100ml<br/>  
                Protéines (g) 4 <br/>
                Glucides (g) 59 <br/>
                Lipides (g) 35 <br/>
                Fibres (g) 6 <br/>
                Sodium (g) .003 <br/>
                Valeur énergétique<br/><br/>

                Pour 100g/100ml  <br/>
                Kj 2260    
            </div>
        </div>
        
        <div class="fp_photos_et_prix" >
            <div class="fp_photos_large"><img id="photo_large" src="images/citron_large.png" alt="photo produit large"/></div>
            <div class="fp_photos_min">
                <a href="#"><img src="images/glace_citron_min1.png" alt="minature produit 1" onClick="changeImage('images/citron_large.png')"/></a>
                <a href="#"><img src="images/image-produit-150x150.png" alt="minature produit 2" width="80" onClick="changeImage('images/image-produit-150x150.png');"/></a>
            </div>
            <div class="fp_prix">
                <div class="fp_prix_kg">
                    13<span class="centimes">,75&nbsp;€/kg</span>
                </div>
                <div class="fp_prix_produit">
                    2<span class="centimes">,30&nbsp;€</span>
                </div>
            </div>
        </div>
        
        
        <div class="fp_produit_gestion" >       
            <button class="fp_ajouter_selection " name="btn_fp_ajouter_selection" value="1"><img src="img/selection_fp.png" alt="icone bouton ajouter selection"/>Ajouter à ma sélection</button><br/>					
            <button class="fp_ajouter_panier" name="btn_fp_ajouter_panier" value="1"><img src="img/panier_plus_fp.png" alt="icone bouton ajouter panier"/>Ajouter à mon panier</button><br/>
            <button class="fp_conseiller" name="btn_fp_conseiller" value="1">Conseiller à un ami</button>
            <div class="fp_reseaux_sociaux">
                <a href="facebook.com"><img src="img/icone_fb.jpg" alt="icone facebook"/></a>
                <a href="twitter.com"><img src="img/icone_tw.jpg" alt="icone twitter"/></a>
            </div>
           
        </div>
        
    </div>
</body>
</html>


